<template>
    <div v-if="attr.checked">
        <dragInput v-model="attr.x" title="X1" :max="attr.pageSize.width" :disabled="attr.lock"/>
        <dragInput v-model="attr.y" title="Y1" :max="attr.pageSize.height" :disabled="attr.lock"/>
        <dragInput v-model="attr.x1" title="X2" :max="attr.pageSize.width" :disabled="attr.lock"/>
        <dragInput v-model="attr.y1" title="Y2" :max="attr.pageSize.height" :disabled="attr.lock"/>
        <dragInput v-model="attr.height" title="高度" :max="attr.pageSize.height" :disabled="attr.lock"/>   
        <selectInput v-model="attr.state" title="状态" :options="[{value:0,title:'静止'},{value:1,title:'流动'}]"/>
        <colorPicker v-model="attr.color" :height="40" :width="80" title="颜色" :disabled="attr.lock"/>    
        <colorPicker v-model="attr.borderColor" :height="40" :width="80" title="边框颜色" :disabled="attr.lock"/> 
        <selectInput v-model="attr.lock" title="锁定" :options="[{value:false,title:'否'},{value:true,title:'是'}]"/>   
    </div>
</template>
<script>
import dragInput from "./../../tools/dragInput"
import selectInput from "./../../tools/selectInput"
import colorPicker from "./../../tools/colorPicker"
export default {
    name:'flowLineItemDetail',
    components: { dragInput,selectInput,colorPicker },   
    props:{
        attr:{type:Object,default:{}}
    }	
}
</script>